﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <title>旺旺集团</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<link rel="stylesheet" href="/wangwang/qianduan/layui/css/layui.css">
<script src="../layui/layui.js"></script>
<script src="js/jquery-1.8.2.js"></script>
</head>
<body>
<header>
     <div class="header-top">
        <div class="width-center">
            <div class="header-logo "><img src="img/logo.png" alt=""></div>
            <div class="header-title div-inline">
                <strong>旺旺集团</strong>
            </div>

            <div class="search-box div-inline">
              
            </div>
        </div>
    </div>
    <div class="header-nav" style="background-color:#FF9966;">
        <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">Menu <i
                class="am-icon-bars"></i></button>
        <nav>
        <ul class="header-nav-ul am-collapse am-in" >
            <li class="on"><a href="index.html" name="index">首页</a></li>
            <li><a href="设计师.html" name="about">关于旺旺</a></li>
            <li><a href="食品分类.html" name="show">OEM食品代工</a></li>
            <li><a href="youxiuyuangong.html" name="">高管员工</a></li>
            <li><a href="新闻分类.html" name="new">新闻资讯</a></li>
            <li><a href="lianxiwomen.html" name="message">联系我们</a></li>
            <li><a href="liuyan.html" name="message">留言</a></li>
            
        </ul>
        </nav>
    </div>



</header>
<div class="layui-carousel" id="test1" lay-filter="test1">
  <div carousel-item=""id="lbt">

    
  </div>
</div>
</header>



﻿<footer>
    <div>
        <div class="footer-info">
            <div class="footer-content">
                <img src="images/qccode.png" alt="">
               <div>
                <p>招商热线: 021-61151191</p>
                <div class="footer-box">
                    <i class="icon-tel"></i>
                    <span>公司电话:</span>
                    <span>+86 021-61151111</span>
                </div>
                <div class="footer-box">
                    <i class="icon-email"></i>
                    <span>公司邮箱:</span>
                    <span>123@wangwang.com</span>
                </div>
                <div class="footer-box">
                    <i class="icon-address"></i>
                    <span>公司地址:</span>
                    <span>上海市红松东路 xxx 号</span>
                </div>
               </div>
            </div>
        </div>
        <style>
        .footer-bottom a{color:#F1404B}
        
        </style>
     
    </div>
</footer>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  var ins=carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,height : '600px' 
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
  
  $.ajax({
	url:"/wangwang/xianshitupian",//地址
	type:"get",//请求方式
	success:function(res){//成功后的回调
		var list=res.data;
	    for(var i=0;i<list.length;i++)

		$("#lbt").append(

				"<div><img src='/wangwang/"+list[i].tupian+"'></div>");	
	    
	    
	    
	    ins.reload({
		    elem: '#test1'
			    ,width: '100%' //设置容器宽度
			    ,arrow: 'always' //始终显示箭头
			    //,anim: 'updown' //切换动画方式
			  });
	} 
  
  });
});
</script>
</body>
</html>